<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/reset.css">
    <style>
    html,body{height: 100%;}
    #m-index-1{background-size: 42.6%;}
    #m-index-1{width: 100%;height: 100%;background: url(./images/m-1-1-bg.png) repeat;max-width: 640px;margin: 0 auto;}
    .wrap{height: 100%;}
    .act{height: 133px;background: #a25ce5;width: 100%;position: absolute;bottom: 0;left: 0;}
    .act ul{width: 310px;margin: 10px auto;}
    .act ul li{width: 155px;height: 50px;float: left;margin-bottom: 10px;}
    #m-index-1 .act ul li a{display: block;width: 155px;height: 50px;background-size: 155px;}
    .act ul li a.link1{background: url(./images/m-1-bt1s.png) no-repeat;}
    .act ul li a.link2{background: url(./images/m-1-bt2.png) no-repeat;}
    .act ul li a.link3{background: url(./images/m-1-bt3.png) no-repeat;}
    .act ul li a.link4{background: url(./images/m-1-bt4.png) no-repeat;}

    .imgbox{position: relative;height: 100%;width: 100%;}
    .imgbox .ad{width: 100%;height: 60px;background: url(./images/m-1-1-1.png) no-repeat;background-size: 98%;}
    .imgbox .section{width: 250px;height: 300px;padding-bottom: 60px;background: url(./images/m-1-1-2.png) no-repeat; background-size: 250px;margin: 0 auto;position: relative;}
    .imgbox .section .btn{width: 168px;height: 45px;background: url(./images/m-1-1-5.png) no-repeat 0 -10px;background-size: 168px;position: absolute;bottom: 10px;left: 40px;}
    </style>
</head>
<body id="m-index-1">
    <div class="wrap">
        <div class="imgbox">
            <div class="ad"></div>
            <div class="section">
                <div class="btn"></div>
            </div>
        </div>
        <div class="act">
            <ul>
                <li><a href="./m-index-1.html" class="link1"></a></li>
                <li><a href="./m-index-2.html" class="link2"></a></li>
                <li><a href="./m-index-3.html" class="link3"></a></li>
                <li><a href="#" class="link4"></a></li>
            </ul>
        </div>
    </div>
</body>
</html>